import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)
// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单跳转当前页面报错问题
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
  return originalPush.call(this, location).catch((err) => err)
}

const routes = [
  // 我的-登录页面
  {
    path: '/login',
    component: () => import('@/views/login')
  },
  // 布局组件
  {
    path: '/',
    redirect: '/ ', //二级路由重定向
    component: () => import('@/views/layout'),
    children: [
      // 首页
      {
        path: '/ ',
        component: () => import('@/views/home')
      },
      // 咨询
      {
        path: '/consult',
        component: () => import('@/views/consult')
      },
      // 我的
      {
        path: '/my',
        component: () => import('@/views/my')
      },
      // 找房页面
      {
        path: '/home/wholerent',
        component: () => import('@/views/home/components/wholeRent')
      }
    ]
  },
  //这个要配置成一级路由，别搞错了，没有嵌套关系，因为要展示整个页面，在App.vue里的一级路由挂载点展示
  // 我的-我的收藏
  {
    path: '/my/collectlist',
    component: () => import('@/views/my/components/collectList')
  },
  // 我的-我的出租
  {
    path: '/my/myrent',
    component: () => import('@/views/my/components/myRent.vue')
  },
  // 我的-登录注册
  {
    path: '/login/register',
    component: () => import('@/views/login/components/register')
  },
  // 首页-城市列表
  {
    path: '/home/citylist',
    component: () => import('@/views/home/components/cityList')
  },
  // 首页-地图找房
  {
    path: '/map',
    component: () => import('@/views/Map')
  },
  // 首页-去出租
  {
    path: '/rent',
    component: () => import('@/views/rent')
  },
  // 根据小区名字搜索房源
  {
    path: '/rent/search',
    component: () => import('@/views/rent/components/Search')
  },
  // 借助该页面重新刷新页面
  {
    path: '/refresh',
    component: () => import('@/utils/refresh')
    // 目录更改为你自己的refresh.vue的目录
  }
]

const router = new VueRouter({
  routes
})

export default router
